<template>
  <!-- python gen: Sun Jun 13 06:58:18 2021  -->
  <div class="yj-content">
    <div class="yj-search">
      <!-- <el-row>
        <el-form
          size="mini"
          ref="searchForm"
          :model="searchForm"
          label-width="100px"
          type="flex"
        >
        

          <el-col :sm="6">
            <el-form-item label="检查结果" prop="CHECK_RESULT">
              <el-select
                style="width: 150px"
                v-model.trim="searchForm.CHECK_RESULT"
                placeholder="请选择"
              >
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :sm="6">
            <el-form-item>
              <el-button type="primary" @click="getList(true)">查询</el-button>
              <el-button @click="resetForm">重置</el-button>
            </el-form-item>
          </el-col>
        </el-form>
      </el-row> -->
    </div>

    <!-- 列表开始 -->
    <div class="yj-list-box">
      <div class="yj-btn-box">
        <el-button size="mini" type="primary" @click="goAdd">新增 </el-button>
        <!-- <el-button
          size="mini"
          :disabled="multipleSelection.length !== 1"
          type="primary"
          @click="goUpdate"
          >修改
        </el-button>
        <el-button
          size="mini"
          :disabled="!multipleSelection.length > 0"
          type="danger"
          @click="goDelete"
          >删除
        </el-button> -->

        <!-- <el-button size="mini" type="primary" @click="goImport"
          >导入
        </el-button>
        <el-button size="mini" type="primary" @click="goExport"
          >导出
        </el-button> -->
      </div>
      <div>
        <el-table
          ref="multipleTable"
          :data="tableData"
          stripe
          tooltip-effect="dark"
          style="width: 100%"
          row-key="oid"
          :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
          @sort-change="handleSortChange"
          @selection-change="handleSelectionChange"
        >
          <!-- <el-table-column type="selection" fixed align="center">
          </el-table-column> -->
          <!-- <el-table-column label="序号" width="65" fixed align="center">
            <template slot-scope="scope">
              <span>{{ (currentPage - 1) * PageSize + scope.$index + 1 }}</span>
            </template>
          </el-table-column> -->

          <!-- <el-table-column
            prop="JRXKZH"
            label="金融许可证号"
            width="150"
            show-overflow-tooltip
          >
          </el-table-column> -->

          <el-table-column
            prop="title"
            label="title"
            width="150"
            show-overflow-tooltip
          >
          </el-table-column>

          <el-table-column
            prop="icon"
            label="icon"
            width="150"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <!-- <el-input disabled v-model="scope.row.icon"> </el-input> -->
              <svg-icon :icon-class="scope.row.icon" /> {{ scope.row.icon }}
            </template>
          </el-table-column>

          <el-table-column
            prop="path"
            label="path"
            width="150"
            show-overflow-tooltip
          >
          </el-table-column>

          <el-table-column
            prop="name"
            label="name"
            width="150"
            show-overflow-tooltip
          >
          </el-table-column>

          <el-table-column
            prop="component"
            label="component"
            width="200"
            show-overflow-tooltip
          >
          </el-table-column>

          <el-table-column
            prop="menuSort"
            label="排序"
            width="100"
            show-overflow-tooltip
          >
          </el-table-column>

          <el-table-column
            prop="iframe"
            label="iframe"
            width="100"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <el-switch
                disabled
                v-model="scope.row.iframe"
                active-color="#13ce66"
                inactive-color="#ff4949"
              >
              </el-switch>
            </template>
          </el-table-column>

          <el-table-column
            prop="cache"
            label="cache"
            width="100"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <el-switch
                disabled
                v-model="scope.row.cache"
                active-color="#13ce66"
                inactive-color="#ff4949"
              >
              </el-switch>
            </template>
          </el-table-column>

          <el-table-column
            prop="hidden"
            label="可见"
            width="100"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <el-switch
                disabled
                v-model="scope.row.hidden"
                active-color="#ff4949"
                inactive-color="#13ce66"
              >
              </el-switch>
            </template>
          </el-table-column>

          <el-table-column
            prop="permission"
            label="权限"
            width="150"
            show-overflow-tooltip
          >
          </el-table-column>

          <el-table-column
            label="操作"
            width="200"
            fixed="right"
            align="center"
          >
            <template slot-scope="scope">
              <el-button size="mini" type="primary" @click="goUpdate(scope.row)"
                >编辑</el-button
              >
              <el-button size="mini" type="primary" @click="goCopy(scope.row)"
                >cp</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <!-- <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage"
          :page-sizes="pageSizes"
          :page-size="PageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="totalCount"
          class="yj-pagination"
        >
        </el-pagination> -->
      </div>
    </div>
    <!-- 列表结束 -->

    <!-- 详细信息 开始 -->
    <el-dialog
      fullscreen
      height="350"
      title="详细信息"
      :visible.sync="dialogFormVisible"
    >
      <el-row>
        <sysmenuForm
          ref="dataForm"
          :key="dataFormKey"
          :flag="addUpdateFlag"
          :item="dataItem"
          :menuselect="tableData"
          @goSave="doSave($event)"
        />
      </el-row>
      <div slot="footer" class="dialog-footer" style="padding-right:100px;">
        <el-button
          v-if="!onlyView"
          size="mini"
          @click="dialogFormVisible = false"
          >取 消</el-button
        >
        <el-button v-else size="mini" @click="dialogFormVisible = false"
          >关 闭</el-button
        >

        <el-button v-if="!onlyView" size="mini" type="primary" @click="doValid"
          >确 定</el-button
        >
      </div>
    </el-dialog>
    <!-- 详细信息 结束 -->
  </div>
</template>

<script src="./sysmenuHome.js"></script>

<style scoped></style>
